﻿body {
  background: #2e3d4f; }

[v-cloak] {
  display: none; }

.tit {
  font-size: 1.8rem;
  text-align: center;
  color: #fff;
  padding: 2rem; }

.code {
  height: 28rem;
  width: 28rem;
  margin: 0 auto;
  font-size: 1rem;
  color: #fff;
  background-size: 28rem 28rem;
  background-image: url(/ui/imgs/loading-9.gif); }

.tip, .fail, .success {
  background: #232323;
  margin: 0 auto;
  width: 20rem;
  border-radius: 3rem;
  height: 5rem;
  font-size: 1rem;
  color: #fff; }

.tit_tip {
  text-align: center;
  margin-top: 2rem;
  padding-top: 0.5rem;
  color: #3caed4;
  font-size: 1.5rem; }

.tip_bind {
  text-align: center;
  padding-top: 0.5rem;
  font-size: 0.8rem; }

.fail, .success {
  margin-top: 3rem;
  overflow: hidden; }
  .fail > div, .success > div {
    float: left;
    padding-top: 0.5rem; }

.fail-icon {
  display: inline-block;
  font-size: 3rem;
  float: left;
  padding: 1rem;
  color: #c51e32; }

.success-icon {
  display: inline-block;
  font-size: 2rem;
  float: left;
  padding: 1rem;
  color: #65ce7e; }

.fail-tit, .success-tit {
  font-size: 1.5rem; }

.success-oper-tip, .fail-oper-tip {
  margin-top: 0.5rem; }
